@import
"../../_common_sass/base";

.my-qrcode{
    .shadow{
        @extend .full-screen;
        background-color: rgba(0,0,0,.5);
        padding: px2rem(30px);
        .qrcode-box{
            padding: px2rem(30px);
            background-color: #fff;
            border-radius: 6px;
            .avatar-box{
                float: left;
                img{
                    width: px2rem(100px);
                    height: px2rem(100px);
                }
            }
            .name{
                line-height: px2rem(100px);
                font-size: px2rem(36px);
            }
            .qrcode{
                width: px2rem(500px);
                margin: px2rem(30px) auto;
                canvas{
                    width: px2rem(500px) !important;
                    height: px2rem(500px) !important;
                }
            }
            .tip{
                text-align: center;
                font-size: px2rem(28px);
                color: $text-color-9;
                margin-bottom: px2rem(100px);
            }
        }
    }


}